<template>
	<view>
		<view class="container">
			<view class="f1">
				<view class="f1_0"><text class="f1_1">姓名</text>
					<text class="f1_2">{{ empName }}</text>
				</view>
				<view class="f1_0">
					<text class="f1_1">电话</text>
					<text class="f1_2" v-if="this.mobile === null">空</text><text class="f1_2" v-else>{{
            mobile
          }}</text>
				</view>

				<view class="f1_0">
					<text class="f1_1">身份证号</text>
					<text class="f1_2">{{ identityNumber }}</text>
				</view>
				<view class="f1_0">
					<text class="f1_1">开户行</text>
					<text class="f1_2">{{ bankName }}</text>
				</view>
				<view class="f1_0"><text class="f1_1">银行账号</text>
					<text class="f1_2">{{ bankAccount }}</text>
				</view>
			</view>
			<!-- <view class="dianhua">
        <text @click="bohao()">电话联系</text>
      </view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				empName: "",
				bankAccount: "",
				bankName: "",
				identityNumber: "",
				mobile: "",
			};
		},
		onLoad(options) {
			this.empName = options.empName;
			this.bankAccount = options.bankAccount;
			this.bankName = options.bankName;
			this.identityNumber = options.identityNumber;
			this.mobile = options.mobile;

		},
		methods: {
			// 拨打电话
		},
	};
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
		padding: 0 15upx;
	}

	.container {
		border-radius: 17upx;
		background: #ffffff;
		box-shadow: 1.75upx 1.75upx 7.01upx 0px #e5e5e5,
			1.75upx 1.75upx 7.01upx 0px #e5e5e5;
		margin-top: 20upx;

		.dianhua {
			width: 633upx;
			height: 81upx;
			background-color: #ef4d3d;
			font-size: 30upx;
			color: #fff;
			text-align: center;
			line-height: 81upx;
			border-radius: 10upx;
			margin: 40upx;
			position: fixed;
		}
	}

	.f1 {
		.f1_0 {
			display: flex;
			align-items: center;
		}

		.f1_1 {
			width: 200upx;
			margin: 10upx 0;
			padding-left: 10upx;
			font-weight: bold;
		}

		.f1_2 {
			width: 500upx;
		}
	}
</style>
